<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<title>个人主页</title>
		<style>
			#div1{
				/*border: 1px solid red;*/
				height: 728px;
			}
			#div2{
				/*border: 1px solid blueviolet;*/
				height: 728px;
			}
		</style>
	</head>
	<body>
	<div class="container">
		<div class="row">
			<div class="col-md-3" style=";" id="div1" >
			<ul class="list-group">
				<li class="list-group-item" style="background: red;"><a href="PersonalData">个人资料</a></li>
				<li class="list-group-item"><a href="ArticleData">我的文章</a></li>
				<li class="list-group-item"><a href="CollectData">我的收藏</a></li>
				<li class="list-group-item"><a href="PraiseData">我的点赞</a></li>
				<li class="list-group-item"><a href="#">我的收藏</a></li>
			</ul>
		</div>
		<div class="col-md-9" id="div2" >
				<div>
					<h2>个人资料</h2>
				</div>
				<hr />
				<div>
					
					<p align="right"><a href="#">修改资料</a></p>
					<table class="table table-bordered table-hover">
						<tr>
							<td>用户名:</td>
							<td></td>
						</tr>
						<tr>
							<td>头像:</td>
							<td><img src="img/1.png" width="150px"  height="150px"/></td>
						</tr>
					</table>
				</div>
		</div>
		</div>
	</div>
	</body>
</html>
